﻿@{
    ViewBag.Title = "Home Page";
}

@section styles{
    <link href="~/Content/slider.css" rel="stylesheet" />
}

@*<div class="bs-callout bs-callout-warning">
    <h4>Don't mix form groups with input groups</h4>
    <p>Do not mix form groups directly with <a href="/components/#input-groups">input groups</a>. Instead, nest the input group inside of the form group.</p>
</div>

<div class="jumbotron">
    <h1>Jumbotron heading</h1>
    <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
    <p><a class="btn btn-lg btn-success" href="#" role="button">Sign up today</a></p>
</div>

<!-- Form -->
<div class="bs-example bs-example-images">
    <img data-src="holder.js/140x140" class="img-rounded" alt="140x140" src="" style="width: 140px; height: 140px;">
    <img data-src="holder.js/140x140" class="img-circle" alt="140x140" src="" style="width: 140px; height: 140px;">
    <img data-src="holder.js/140x140" class="img-thumbnail" alt="140x140" src="" style="width: 140px; height: 140px;">
</div>
<div class="highlight">
    <span>Infomation of products</span>
    <span>AS build dynamic websites that enables a clean separation of concerns and gives you full control over markup for enjoyable, agile development.</span>
    <span>ASP.NET MVC gives you a powerful, patterns-based way to build dynamic websites that enables a clean separation of concerns and gives you full control over markup for enjoyable, agile development.</span>
    <span>ASP.NET MVC gives you a powerful, patterns-based way to build dynamic websites that enables a clean separation of concerns and gives you full control over markup for enjoyable, agile development.</span>
    <span>ASP.NET MVC gives you a powerful, patterns-based way to build dynamic websites that enables a clean separation of concerns and gives you full control over markup for enjoyable, agile development.</span>
    <p>
        <span class="label label-default">Default</span>
        <span class="label label-primary">Primary</span>
        <span class="label label-success">Success</span>
        <span class="label label-info">Info</span>
        <span class="label label-warning">Warning</span>
        <span class="label label-danger">Danger</span>
    </p>
</div>
<!--End form-->

<div class="row">
    <div class="col-md-4">
        <h2>Getting started</h2>
        <p>
            ASP.NET MVC gives you a powerful, patterns-based way to build dynamic websites that
            enables a clean separation of concerns and gives you full control over markup
            for enjoyable, agile development.
        </p>
        <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301865">Learn more &raquo;</a></p>
    </div>
    <div class="col-md-4">
        <h2>Get more libraries</h2>
        <p>NuGet is a free Visual Studio extension that makes it easy to add, remove, and update libraries and tools in Visual Studio projects.</p>
        <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301866">Learn more &raquo;</a></p>
    </div>
    <div class="col-md-4">
        <h2>Web Hosting</h2>
        <p>You can easily find a web hosting company that offers the right mix of features and price for your applications.</p>
        <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301867">Learn more &raquo;</a></p>
    </div>
</div>
*@

<div class="the-slideshow-wrapper clearfix">
    <div class="the-slideshow clearfix">
        <ul class="slides">

            <li class="slide" style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 1; display: block; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; z-index: 1;">
                <p><a title="worldcup_song_dong" href="#" target="_self">
                    <img style="width: 100%;" src="~/Content/slider/Mothersday-744.png" alt="worldcup_song_dong"></a></p>
            </li>

        </ul>
        <ol class="control-nav control-paging">
            <li><a class="">1</a></li>
            <li><a class="">2</a></li>
            <li><a class="active">3</a></li>
            <li><a class="">4</a></li>
        </ol>
    </div>
    <div class="banniere-slide">
        <div style="width: 25%" class="slide-control" id="slide-control-0">
            <div class="cursor"></div>
            <div class="link">
                <a class="title">WORLD CUP SỐNG ĐỘNG</a>
            </div>
        </div>
        <div style="width: 25%" class="slide-control" id="slide-control-1">
            <div class="cursor"></div>
            <div class="link">
                <a class="title">MỪNG NGÀY CỦA MẸ</a>
            </div>
        </div>
        <div style="width: 25%" class="slide-control active" id="slide-control-2">
            <div class="cursor"></div>
            <div class="link">
                <a class="title">GIẢM ĐẾN 800.000Đ</a>
            </div>
        </div>
        <div style="width: 25%" class="slide-control" id="slide-control-3">
            <div class="cursor"></div>
            <div class="link">
                <a class="title">MASTERCARD GIẢM 10%</a>
            </div>
        </div>
    </div>
</div>

<div class="group-production clearfix">
    <div class="title-production">
        <a href="#"><span>Gia dụng</span></a>
    </div>
    <div class="list-production">
        <a href="#" class="click-to-show-pre-production click-direction-production">
            <span>back</span>
        </a>
        <a href="#" class="click-to-show-next-production click-direction-production">
            <span>next</span>
        </a>
        <div class="node-production">
            <a href="#">
                <img src="~/Content/Image/Production/xoong-18.jpg" />
            </a>
            <span class="name-production">Xoong ngà voi chiết suất từ ngà voi 100% từ Cao Nguyên</span>
            <span class="price">699.000 ₫</span>
            <button type="button" class="btn btn-info dat-hang">Đặt hàng</button>
        </div>
        <div class="node-production">
            <a href="#">
                <img src="~/Content/Image/Production/xoong-18.jpg" />
            </a>
            <span class="name-production">Xoong ngà voi chiết suất từ ngà voi 100% từ Cao Nguyên</span>
            <span class="price">699.000 ₫</span>
            <button type="button" class="btn btn-info dat-hang">Đặt hàng</button>
        </div>
        <div class="node-production">
            <a href="#">
                <img src="~/Content/Image/Production/xoong-18.jpg" />
            </a>
            <span class="name-production">Xoong ngà voi chiết suất từ ngà voi 100% từ Cao Nguyên</span>
            <span class="price">699.000 ₫</span>
            <button type="button" class="btn btn-info dat-hang">Đặt hàng</button>
        </div>
    </div>
</div>
<div class="group-production clearfix">
    <div class="title-production">
        <a href="#"><span>Gia dụng</span></a>
    </div>
    <div class="list-production">
        <a href="#" class="click-to-show-pre-production click-direction-production">
            <span>back</span>
        </a>
        <a href="#" class="click-to-show-next-production click-direction-production">
            <span>next</span>
        </a>
        <div class="node-production">
            <a href="#">
                <img src="~/Content/Image/Production/xoong-18.jpg" />
            </a>
            <span class="name-production">Xoong ngà voi chiết suất từ ngà voi 100% từ Cao Nguyên</span>
            <span class="price">699.000 ₫</span>
            <button type="button" class="btn btn-info dat-hang">Đặt hàng</button>
        </div>
        <div class="node-production">
            <a href="#">
                <img src="~/Content/Image/Production/xoong-18.jpg" />
            </a>
            <span class="name-production">Xoong ngà voi chiết suất từ ngà voi 100% từ Cao Nguyên</span>
            <span class="price">699.000 ₫</span>
            <button type="button" class="btn btn-info dat-hang">Đặt hàng</button>
        </div>
        <div class="node-production">
            <a href="#">
                <img src="~/Content/Image/Production/xoong-18.jpg" />
            </a>
            <span class="name-production">Xoong ngà voi chiết suất từ ngà voi 100% từ Cao Nguyên</span>
            <span class="price">699.000 ₫</span>
            <button type="button" class="btn btn-info dat-hang">Đặt hàng</button>
        </div>
    </div>
</div>
<div class="group-production clearfix">
    <div class="title-production">
        <a href="#"><span>Gia dụng</span></a>
    </div>
    <div class="list-production">
        <a href="#" class="click-to-show-pre-production click-direction-production">
            <span>back</span>
        </a>
        <a href="#" class="click-to-show-next-production click-direction-production">
            <span>next</span>
        </a>
        <div class="node-production">
            <a href="#">
                <img src="~/Content/Image/Production/xoong-18.jpg" />
            </a>
            <span class="name-production">Xoong ngà voi chiết suất từ ngà voi 100% từ Cao Nguyên</span>
            <span class="price">699.000 ₫</span>
            <button type="button" class="btn btn-info dat-hang">Đặt hàng</button>
        </div>
        <div class="node-production">
            <a href="#">
                <img src="~/Content/Image/Production/xoong-18.jpg" />
            </a>
            <span class="name-production">Xoong ngà voi chiết suất từ ngà voi 100% từ Cao Nguyên</span>
            <span class="price">699.000 ₫</span>
            <button type="button" class="btn btn-info dat-hang">Đặt hàng</button>
        </div>
        <div class="node-production">
            <a href="#">
                <img src="~/Content/Image/Production/xoong-18.jpg" />
            </a>
            <span class="name-production">Xoong ngà voi chiết suất từ ngà voi 100% từ Cao Nguyên</span>
            <span class="price">699.000 ₫</span>
            <button type="button" class="btn btn-info dat-hang">Đặt hàng</button>
        </div>
    </div>
</div>